

<script>
export default {
  // 写组件模板的另一种方式 直接通过脚本js去写模板
  // h:方法 用来生成虚拟dom节点
  // 第一个参数：标签名/组件引用
  // 第二个参数：对于标签/组件的属性配置
  // 第三个参数：配置子元素 默认为数组（子节点可以有多个） 如果只是一个文本节点直接写字符串
  // template 和 render 都是编写组件模板的方式 绝大多数都是用template
  // 利用js的编程能力时才使用render编写
  data() {
    return {
      level: 3,
    };
  },
  render(h) {
    return h(`h${this.level}`, {}, `this is h${this.level}`);
  },
};
</script>

<style scoped>
</style>